{% extends "administrative/base.html" %}

{% block page_link %}
    <script src="../../static/administrative/js/lssue.js"></script>
    <link rel="stylesheet" href="../../static/system_setup/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../../static/administrative/css/style.css">
{% endblock %}


{% block style %}
    <style>
        .add_class {
            background: #1E90FF;
        }

        .file {
            position: relative;
            display: inline-block;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }

        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }

        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }

        tr {
            height: 35px;
        }

        th {
            text-align: center;
        }

        table {
            table-layout: fixed;
        }

        td:first-child, th:first-child {
            position: sticky;
            left: 0; /* 首行永远固定在左侧 */
            z-index: 1;
        }

        thead tr th {
            position: sticky;
            top: 0; /* 列首永远固定在头部  */
            background-color: #E8E8E8;
        }

        th:first-child {
            z-index: 2;
        }

        .li-class {
            list-style: none;
            margin-top: 2%;
            color: #0b0b0b;
            cursor: pointer;
        }

        .preserve {
            height: 30px;
            width: 90%;
            background: #0070c1;
            color: #ffffff;
        }

        li {
            list-style-type: none;
        }

        .model_li {
            color: #3f414d;
            width: 25%;
            cursor: pointer;
            display: none;
        }
            .basic-tabs {
            box-shadow: 0 1.5px 0 0 #1E90FF;
            color: #1E90FF;
        }
        .basic {
            width: 8%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
        }


    </style>
{% endblock %}



{% block right_content %}
    <div class="headline">
        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">
            <a href="choose_issue.html" style="color: #0b0b0b;">
                <i class="iconfont icon-gongwenfawen"></i>
                <span> 公文模板</span>
            </a>
        </div>

    </div>

    <div id="menu_from" class="right-box" style="width: 100%;height: 91%;overflow: auto;padding-bottom: 1%;text-align: center">
        <div style="width: 70%;margin-top: 1%;margin-left: 1%;display: inline-block;box-shadow: -5px 10px 3px 0 #CFCFCF">
            <div style="width: 99%;background: white;">
                <div style="height: 30px;"></div>
                <div><img src="../../static/administrative/img/京山市人民医院文件.png" height="100px"></div>
                <div style="height: 30px;"></div>
                <div>5555555555555555555555</div>
                <div style=""><img src="../../static/administrative/img/横线.png" height="25px"></div>

                <div>5555555555555555555555</div>
                <div>Linux 文件基本属性
                    Linux 系统是一种典型的多用户系统，不同的用户处于不同的地位，拥有不同的权限。

                    为了保护系统的安全性，Linux 系统对不同的用户访问同一文件（包括目录文件）的权限做了不同的规定。

                    在 Linux 中我们通常使用以下两个命令来修改文件或目录的所属用户与权限：

                    chown (change owner) ： 修改所属用户与组。
                    chmod (change mode) ： 修改用户的权限。
                    下图中通过 chown 来授权用户，通过 chmod 为用户设置可以开门的权限。</div>
                <div>5555555555555555555555</div>
                <div>5555555555555555555555</div>



                <div style="height: 30px;"></div>
            </div>


        </div>


    </div>

    <div class="modal fade bd-example-modal-xl" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xl" style="margin-top: 3%;">
            <div class="modal-content"
                 style="height: 600px;border-radius: 7px;width: 900px;margin-left: 15%;background: #F8F8FF;">
                <div class="modal-header" style="height: 50px;">
                    <h5 class="modal-title" style="line-height: 50px;width: 10%;">选择协办部门</h5>
                    <div id="co_department_id" style="display: none"></div>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"  style="margin-right: 3%;line-height: 50px;">

                        <span aria-hidden="true" style="font-size: 28px;">&times;</span>
                    </button>

                </div>
                <div class="modal-body" style="height: 450px;">
                    <div style="display: inline-block;width: 30%;height: 70%;margin-left: 1%;border-right: #E8E8E8 solid 1px;overflow: auto;">
                        <ul id="treeDemo1" class="ztree"></ul>
                    </div>
                    <div style="display: inline-block;width: 67.5%;height: 70%;overflow: auto;">
                        <div style="width: 100%;height: 35px;text-align: right;line-height: 40px;">
                            <input id="checkboxID" type="checkbox" style="vertical-align:middle; margin-top:-2px;"
                                   onclick="check_input()"> <span>显示所有下级部门</span>
                        </div>
                        <div id="Ztree-label">

                        </div>
                    </div>
                    <div style="height: 30%;width: 100%;border-top: #E8E8E8 solid 1px;overflow: auto;">
                        <div id="checked-label" style="margin-top: 1%;margin-left: 3%;">

                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="height: 50px;">
                    <button id="model-close" type="button" class="btn btn-secondary" data-dismiss="modal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关&nbsp;闭&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
                    <button id="model-affirm" type="button" class="btn btn-primary"
                            style="margin-left: 2%;margin-right: 2%;" onclick="summit_val()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确&nbsp;认&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}


{% block script %}
    <script src="../../static/public_file/js/jquery.min.js"></script>
    <script src="../../static/system_setup/js/jquery.ztree.all.min.js"></script>
    <script src="../../static/system_setup/js/django.ajax.post.csrf.js"></script>
    <script>

        function add_tr() {
            document.getElementById("add_jointly").style.display = "inline-block";
        }

        function minus_but() {
            setTimeout(function(){
                document.getElementById("add_jointly").style.display = "none";
            }, 3000);
        }

        function Add_tags() {
            var childNodes_list = document.getElementById("jointly").rows.length;
            var tr = document.createElement("tr");
            var td = document.createElement("td");var td1 = document.createElement("td");var td2 = document.createElement("td");var td3 = document.createElement("td");
            td.innerHTML = "协办部门"+String(childNodes_list+1);td.style.width="20%";td.style.borderLeft="black solid 0.5px";td.style.borderRight="black solid 0.5px";td.style.borderBottom="black solid 0.5px";td.style.height="75px";td.style.lineHeight="35px";td.style.textAlign="center";td.style.color="black";td.style.fontFamily="仿宋_GB2312";td.style.fontSize="18.6px";
            td1.setAttribute("id", "is_department"+String(childNodes_list+1));td1.setAttribute("data-toggle", "modal");td1.setAttribute("data-target", ".bd-example-modal-xl");td1.setAttribute("onclick", "delete_val(this.id)");td1.style.width="20%";td1.style.borderRight="black solid 0.5px";td1.style.borderLeft="black solid 0.5px";td1.style.borderBottom="black solid 0.5px";td1.style.paddingLeft="1%";td1.style.lineHeight="35px";td.style.color="black";td1.style.fontFamily="仿宋_GB2312";td1.style.fontSize="18.6px";
            td2.innerHTML = "负责人签字";td2.style.width="30%";td2.style.borderRight="black solid 0.5px";td2.style.borderLeft="black solid 0.5px";td2.style.borderBottom="black solid 0.5px";td2.style.textAlign="center";td2.style.height="75px";td2.style.lineHeight="35px";td2.style.color="black";td2.style.fontFamily="仿宋_GB2312";td2.style.fontSize="18.6px";
            td3.innerHTML = "<div><div style='width: 100%;height: 40px;'><input type='radio' name='nuclear_draft"+String(childNodes_list+1)+"' value='同意'> 同意<input type='radio' name='nuclear_draft"+String(childNodes_list+1)+"' value='不同意' style='margin-left: 2%;'> 不同意</div></div>";
            td3.style.width="30%";td3.style.height="35px";td3.style.lineHeight="35px";td3.style.paddingLeft="1%";td3.style.borderRight="black solid 0.5px";td.style.borderLeft="black solid 0.5px";td3.style.borderBottom="black solid 0.5px";td3.style.color="black";td3.style.fontFamily="仿宋_GB2312";td3.style.fontSize="18.6px";
            tr.appendChild(td);tr.appendChild(td1);tr.appendChild(td2);tr.appendChild(td3);
            document.getElementById("jointly").appendChild(tr);
        }

        function click_ul_9() {
            if (document.getElementById("jiantou5").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator-1").style.display = "inline-block";
            }else {
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator-1").style.display = "none";
            }
        }

        function click_ul_10() {
            if (document.getElementById("jiantou4").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator").style.display = "inline-block";
            }else {
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator").style.display = "none";
            }
        }
    </script>
{% endblock %}
